<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$.getJSON("js/test2.json",function(result){
					$("body").append("<ul id='1'>"+result[0][0]+"</ul>");
					$("body").append("<ul id='2'>"+result[0][1]+"</ul>");
					$("body").append("<ul id='3'>"+result[0][2]+"</ul>");
					
					$("#1").append("<li class='1'>"+result[1][0]+"</li>");
					$("#1").append("<li class='1'>"+result[1][1]+"</li>");
					$("#1").append("<li class='1'>"+result[1][2]+"</li>");
					
					$("#2").append("<li class='2'>"+result[2][0]+"</li>");
					$("#2").append("<li class='2'>"+result[2][1]+"</li>");
					$("#2").append("<li class='2'>"+result[2][2]+"</li>");
					
					$("#3").append("<li class='3'>"+result[3][0]+"</li>");
					$("#3").append("<li class='3'>"+result[3][1]+"</li>");
					$("#3").append("<li class='3'>"+result[3][2]+"</li>");
					
					$("#1").click(function(){
						$(".1").toggle(100);
					})
					
					$("#2").click(function(){
						$(".2").toggle(100);
					})
					
					$("#3").click(function(){
						$(".3").toggle(100);
					})
					
				});
				
			})
		</script>
	</head>
	<body>
		
	</body>
</html>
